import { Component } from 'react';
import { Layout } from 'antd';
import Menu from '../../components/Menu';
import { Outlet } from 'react-router-dom';
import { head, content } from './index.module.scss';
const { Sider, Header, Content } = Layout;

export default class index extends Component {

    state = {
        collapsed: false,
    };

    toggle = () => {
        this.setState({
            collapsed: !this.state.collapsed,
        });
    };

    render() {
        return (
            <Layout className='layout'>
                <Header className={head}>宏烨找房后台管理系统</Header>
                <Layout>
                    <Sider>
                        <Menu></Menu>
                    </Sider>
                    <Content className={content}>
                        <Outlet></Outlet>
                    </Content>
                </Layout>
            </Layout>
        )
    }
}
